/*magenta custom tooltip, switchable at runtime*/
.tooltip.tooltip-magenta > .tooltip-inner {
    background-color: #d662c8;
}

.tooltip.tooltip-magenta.bs-tooltip-top > .arrow::before, 
.tooltip.tooltip-magenta.bs-tooltip-auto[x-placement^="top"] > .arrow::before {
  border-top-color: #d662c8!important;
}

.tooltip.tooltip-magenta.bs-tooltip-right > .arrow::before, 
.tooltip.tooltip-magenta.bs-tooltip-auto[x-placement^="right"] > .arrow::before {
  border-right-color: #d662c8!important;
}

.tooltip.tooltip-magenta.bs-tooltip-bottom > .arrow::before, 
.tooltip.tooltip-magenta.bs-tooltip-auto[x-placement^="bottom"] > .arrow::before {
  border-bottom-color: #d662c8!important;
}

.tooltip.tooltip-magenta.bs-tooltip-left > .arrow::before, 
.tooltip.tooltip-magenta.bs-tooltip-auto[x-placement^="left"] > .arrow::before {
  border-left-color: #d662c8!important;
}
/*end custom tooltip*/ 

.tooltip > .tooltip-inner {
    background-color: #d662c8;
}

.tooltip.bs-tooltip-top > .arrow::before, 
.tooltip.bs-tooltip-auto[x-placement^="top"] > .arrow::before {
  border-top-color: #d662c8!important;
}

.tooltip.bs-tooltip-right > .arrow::before, 
.tooltip.bs-tooltip-auto[x-placement^="right"] > .arrow::before {
  border-right-color: #d662c8!important;
}

.tooltip.bs-tooltip-bottom > .arrow::before, 
.tooltip.bs-tooltip-auto[x-placement^="bottom"] > .arrow::before {
  border-bottom-color: #d662c8!important;
}

.tooltip.bs-tooltip-left > .arrow::before, 
.tooltip.bs-tooltip-auto[x-placement^="left"] > .arrow::before {
  border-left-color: #d662c8!important;
}